.select {
  display: flex;
  justify-content: space-between;
  padding: 50rpx;
  background-image: linear-gradient(45deg, #c5dbf5, #e7f0fd 100%);
}

.select-range {
  // position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
  gap: 20rpx;
  font-size: 24rpx;
  color: #8b8b8b;
}

.select-range > image {
  width: 50rpx;
  margin-bottom: 16rpx;
  margin-left: -8rpx;
  // position: absolute;
  // top: 10rpx;
  // left: 10rpx;
}
.time image,
.status image {
  width: 50rpx;
}

.time,
.status {
  display: flex;
  justify-content: start;
  align-items: center;
}

.time .time-more,
.status .section {
  margin-left: 20rpx;
  margin-right: 10rpx;
}

.status picker {
  width: 200rpx;
  line-height: 2;
  text-align: center;
}

.status .picker {
  padding-left: 20rpx;
}

.select-confirm {
  font-weight: bold;
  margin-top: -15rpx;
}

.form-container {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  justify-content: space-around;
  padding: 20px;
}

.van-button {
  margin-right: 10px; /* 按钮之间的间距 */
}

.picker-container {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  margin-right: 10px; /* 与下一个元素的间距 */
}

.picker {
  border: 1px solid #8b8b8b;
  border-radius: 15rpx;
  padding: 0 10rpx;
}

.picker-container text {
  margin-right: 5px; /* 文本与选择器之间的间距 */
}

.placeholder {
  color: #aaa; /* 淡色文字 */
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20rpx;
  padding-left: 0;
  padding-right: 0;
}

.header {
  width: 94vw;
  padding: 20rpx;
  text-align: center;
  background-image: linear-gradient(204deg, #b6cef7, #c2e9fb 100%);
  border-radius: 20rpx;
  /* border-bottom: 1rpx solid #ccc; */
}

.list-item {
  /* height: 200rpx; */
  /* border: 4rpx solid #000; */
  background-color: #cceafa;
  border-radius: 20rpx;
  padding-left: 50rpx;
  padding-right: 50rpx;
  padding-bottom: 30rpx;
  margin-top: 10rpx;
  margin-bottom: 20rpx;
}

.theme {
  display: block;
  font-size: 36rpx;
  font-weight: bolder;
  line-height: 3;
  white-space: nowrap; /* 防止换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出部分用省略号表示 */
  max-width: 70%; /* 设置最大宽度，根据实际布局调整 */
}

.list-item {
  position: relative;
  box-shadow: 2rpx 4rpx 20rpx rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(-148deg, #cfddee, #e7f0fd 100%);
}

.list-item .info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 24rpx;
  gap: 10rpx;
  color: #8b8b8b;
}
.list-item .auth {
  /* 定位 */
  position: absolute;
  right: 40rpx;
  top: 30rpx;

  /* 尺寸 */
  width: 200rpx; /* 使用最终确定的宽度 */
  height: 60rpx;

  /* 盒模型 */
  box-sizing: border-box;

  /* 布局 */
  display: flex;
  align-items: center;
  justify-content: center;

  /* 背景和边框 */
  background-color: #add8e6;
  border-radius: 40rpx;

  /* 文本样式 */
  font-weight: 700;
  color: #555555;
  &.ban-auth {
    background-color: rgb(230, 230, 230);
    font-weight: 300;
    color: #bbb;
  }
}
.list-item button image {
  width: 50rpx;
}

.picker-container2 {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  margin-right: 10px; /* 与下一个元素的间距 */
  font-size: 30rpx;
  padding: 30rpx 0;
  margin-left: 32rpx;
  color: #646566;
  .picker {
    border: none;
    height: 30rpx;
    line-height: 30rpx;
    margin-left: 106rpx;
    border: none;
    color: #000;
  }
}

.dialog-container {
  position: relative;
}
.del-container {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  margin-right: 10px; /* 与下一个元素的间距 */
  font-size: 28rpx;
  padding: 28rpx;
  padding-left: 30rpx;
  color: #646566;
}
.del-button {
  margin-left: 90rpx;
}
